
// 初始化一个store数据模块


export default {
  
  namespaced: true,
  
  // 模块数据容器
  state: () => ({
    // 购物车商品
    // {goods_id goods_state, goods_small_logo, goods_name, goods_price, goods_count}
    cart: JSON.parse( uni.getStorageSync('cart') || '[]')
  }),
  
  // 修改state的方法
  mutations: {
    // 添加购物车
    addToCart(state, goods){
      // 添加购物车方法
      console.log('before',JSON.stringify(state.cart))
      const result = state.cart.find(item => item.goods_id === goods.goods_id)
      if(result){
        // 修改数量
        result.goods_count += 1
      }else{
        state.cart.push(goods)
      }
      console.log('after',JSON.stringify(state.cart))
      // 保存到本地
      this.commit('m_cart/saveCartToLocalStorage')
    },
    // 更新购物车商品选中状态
    updateGoodsState(state, goods){
      // {goods_id, goods_state}
      console.log('vuex', goods)
      const result = state.cart.find(item => item.goods_id === goods.goods_id)
      if(result){
        result.goods_state = goods.goods_state
      }
      // 保存到本地
      this.commit('m_cart/saveCartToLocalStorage')
    },
    // 更新购物车中的商品数量
    updateGoodsCount(state, goods){
      // {goods_id, goods_count}
      console.log('vuex', goods)
      // 现查找要修改的商品
      const result = state.cart.find(item => item.goods_id === goods.goods_id)
      if(result){
        result.goods_count = goods.goods_count
      }
      // 保存到本地
      this.commit('m_cart/saveCartToLocalStorage')
    },
    // 更新购物车中的选中状态
    updateGoodsAllState(state, checked){
      // checked
      console.log('vuex', checked)
      // 修改商品的选中状态
      state.cart.forEach(item => item.goods_state = checked)
      
      // 保存到本地
      this.commit('m_cart/saveCartToLocalStorage')
    },
    // 保存购物车数据到本地
    saveCartToLocalStorage(state){
      uni.setStorageSync('cart', JSON.stringify(state.cart))
    }
  },
  
  // getters
  getters: {
    // 计算购物车中的商品数量
    total(state){
      return state.cart.reduce((acc, curr) => acc+curr.goods_count, 0)
    },
    // 商品是否全部选中
    isAllCheck(state){
      return state.cart.every(item => item.goods_state)
    },
    // 选中商品的总价格
    totalPrice(state){
      // 1 筛选选中的商品 2 计算总价
      return state.cart.filter(item => item.goods_state)
                       .reduce((acc, item) => acc + item.goods_count*item.goods_price, 0)
                       .toFixed(2)
    },
    // 选中商品的数量
    checkedAmount(state){
      return state.cart.filter(item => item.goods_state)
                       .reduce((acc, item) => acc + item.goods_count, 0)
    }
  }
  
}